@media only screen and (max-width: 600px) {
    .p_tb20 {
        padding: 0;
    }
    .p_tb50 {
        padding: 30px 0 !important;
    }
    .m_tb30 {
        margin: 10px auto !important
    }

    #in_gsjj_box #in_gsjj_link li a {
        padding: 40px 10px;
    }
    #in_news_box li .time big {
        font-size: 2.6rem;
        color: #b2bbc0;
    }

    .proUL li a .img {
        height: 150px;
    }

    .proUL li a .img .responsive-img {
        height: 150px !important;
        min-height: auto !important;
    }
    #in_note_box .col big {
        font-size: 2.8rem;
        font-weight: bold;
    }


    #in_box1 .cont big {
        font-size: 1.4rem;
        line-height: 20px;
    }

    .in_title {
        font-size: 1.8rem;
    }


    #in_box3 {
        background: none;
    }

    #in_box3 .honor_pic {
        padding: 5px;
        height: auto;
    }
    #in_box3 .honor_pic .box {
        padding: 0.75rem;
    }
    .honor {
        padding-bottom: 40px !important;
    }

    #in_box4 .container {
        padding: 30px 0.75rem 0;
    }

    #in_box4 #news,
    #in_box4 #down {
        padding: 50px 0.75rem 10px;
    }

    #pro_main_box .proType li .title big {
        font-size: 1.6rem !important;
    }

    .picUL {
        column-count: 2;
        -moz-column-count: 2;
        /* Firefox */
        -webkit-column-count: 2;
        /* Safari 和 Chrome */
    }
    .hzdw .swiper-slide a .img {
        height: 50px !important;
    }

    .pro .swiper-slide a .img {
        height: 140px !important;
    }

    .in_title big {
        font-size: 2.6rem;
    }
}


@media only screen and (min-width: 601px) and (max-width: 991px) {
    #in_box3 .in_title,
    #in_box3 .in_title big {
        text-align: center;
    }
    .picUL {
        column-count: 3;
        -moz-column-count: 3;
        /* Firefox */
        -webkit-column-count: 3;
        /* Safari 和 Chrome */
    }
    .pro .swiper-slide a .img {
        height: 140px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    #in_pro_lf .in_pro_lf_down {
        padding: 20px;
        height: 222px;
    }

    .desc_pad {
        padding-left: 30px;
    }

    .b_f5 {
        width: 20% !important;
    }
    .ewm {
        margin-top: 50px;
    }

    .about_4 .main .box {
        transform: translateX(-20%);
    }

    #menu_box {
        padding-left: 20px;
    }
    #name_box_w #top_tel .tel_num span {
        font-size: 2.0rem;
    }
    #in_box4 {
        padding-top: 30px;
        margin-bottom: 0 !important;
    }
    #in_box4 .container {
        width: 98%;
        padding: 0 0.75rem;
    }
    #in_box4 #news,
    #in_box4 #down {
        padding: 50px 0.75rem 10px;
    }
    #in_box4 .row {
        margin-bottom: 0;
    }
    .ewm {
        display: block;
        margin: 100px auto 0;
    }
    .picUL {
        column-count: 4;
        -moz-column-count: 4;
        /* Firefox */
        -webkit-column-count: 4;
        /* Safari 和 Chrome */
    }

    .pro .swiper-slide a .img {
        height: 180px !important;
    }
}

@media only screen and (min-width: 601px) and (max-width: 1200px) {}

@media only screen and (max-width: 991px) {


    #allmap {
        height: 240px;
        background: #000;
    }

    #map_txt {
        background: #e33933;
        height: 240px;
    }

    .map_lx {
        padding: 20px;
    }

    #name_box_w .logo a,
    #name_box_w .logo_z a {
        margin-top: 0;
    }
    #end_info dt,
    #end_info dd {
        text-align: center;
    }


    #in_box3 {
        background: none;
    }

    #in_box3 .honor_pic {
        padding: 5px;
        height: auto;
    }
    #in_box3 .honor_pic .box {
        padding: 0.75rem;
    }
    .honor {
        padding-bottom: 40px !important;
    }

    #in_box4 .container {
        padding: 30px 0.75rem 0;
    }

    #in_box4 #news,
    #in_box4 #down {
        padding: 50px 0.75rem 10px;
    }

    #contact_lxwm .box {
        padding: 0.75rem;
    }

    #in_box5 {
    background: url(../Image/index/bg.jpg) center bottom no-repeat !important;
}
}

@media only screen and (max-width: 1200px) {


    #in_box2 #pro_lf {
        height: auto;
    }
    #in_box2 #pro_lf .pro_txt {
        padding: 20px;
    }

    #in_box2 #pro_rt {
        padding-top: 20px;
    }

    #in_box2 #pro_rt ul li {
        padding: 20px;
    }

    #in_box2 #pro_rt ul li big {
        font-size: 2.0rem;
    }


    #pro_main_box .proType li .box {
        overflow: hidden;
        height: auto;
        padding: 20px 0;
        min-height: 300px;
        background: rgba(255, 255, 255, 1);
    }

    #pro_main_box .proType li .box .icon {
        display: block;
        margin: 0 auto;
    }

    #pro_main_box .proType li .box .responsive-img {
        display: none;
    }

    #pro_main_box .proType li .box dl {
        padding: 0 20px;
        display: block;
    }

    #pro_main_box .proType li .box dl dd a {
        display: block;
        padding: 5px;
        text-align: center;
        color: #fff;
        background: #cd0000;
    }

    #pro_main_box .proType li .box dl dd a {
        background: #000;
    }

    #pro_main_box .proType li .box .title p {

        margin: 10px 0;
    }
    
    .show-on-mob { display: block !important; }
}

@media only screen and (min-width: 1201px) {

    #in_gsjj_cont .in_cont {
        width: 600px;
        float: right;
    }
    #in_gsjj_link .in_link {
        width: 600px;
        float: left;
    }
    #in_gsjj_link .in_link li {
        margin-bottom: 0;
    }

    #banenr_box {
        width: 100%;
        position: relative;
        height: 676px;
        overflow: hidden;
    }
    .swiper-container {
        width: 1920px;
        height: 676px;
        left: 50%;
        margin-left: -960px !important;
        position: absolute;
    }

    #in_news_box ul {
        width: 53%;
        float: right;
    }

    .desc_pad {
        padding-left: 30px;
    }



    #in_box1 .cont {
        padding: 0 70px;
    }
    .b_f5 {
        width: 20% !important;
    }

    .ewm {
        margin-top: 80px;
    }
    .about_4 .main .box {
        transform: translateX(-25%);
    }


    #pro_main_box .proType li .box:hover {
        background: rgba(255, 255, 255, 1);
    }

    #pro_main_box .proType li .box:hover .icon {
        display: block;
        margin: 0 auto;
    }

    #pro_main_box .proType li .box:hover .responsive-img {
        display: none;
    }

    #pro_main_box .proType li .box:hover dl {
        padding: 0 20px;
        display: block;
    }

    #pro_main_box .proType li .box:hover dl dd a {
        display: block;
        padding: 5px;
        text-align: center;
        color: #fff;
        background: #cd0000;
    }

    #pro_main_box .proType li .box:hover dl dd a:hover {
        background: #000;
    }

    #pro_main_box .proType li .box:hover .title p {

        margin: 40px 0 40px;
    }

    .ewm {
        display: block;
        margin: 50px auto 0;
    }
    .picUL {
        column-count: 4;
        -moz-column-count: 4;
        /* Firefox */
        -webkit-column-count: 4;
        /* Safari 和 Chrome */
    }
    .subNav dd a {
        font-size: 2.0rem !important;
    }

    header,main {
        position: relative;
        z-index: 2;
        background: #fff;
    }
    .subNav {position: relative;
        z-index: 2;}
    main{ margin-bottom: 309px; }
    footer {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

    .show-on-pc { display: block !important; }

    .cpType { width: auto !important;  margin-right: 10px; }
}


@media only screen and (min-width: 1201px) and (max-width: 1659px) {

    #name_box_w #logo_big {
        transform: translateX(-20%);
    }
}

@media only screen and (min-width: 1660px) {

    #name_box_w #logo_big {
        transform: translateX(0%);
    }
}